
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>多一点-Customer API</title>
<#include "common/header.ftl"/>
</head>
<body>
<div id="tabs" class="ui-widget-content">
    <ul>
        <li><a href="#tabs-1">Initial</a></li>
        <li><a href="#tabs-2">tabs2</a></li>
    </ul>
    <div id="tabs-1" style="width: 1400px">
        <div style="float: left; width: 700px;">
            <div>
                ClientId:
                <select id="selClient">
                    <#list clientList as item>

                        <option value="${item.id}" secretKey="${item.secretKey}">${item.clientName}</option>

                    </#list>
                </select>
                SecretKey:<input class="textbox" type="text" id="secretKey"/>
            </div>

            <div>
                customer-id:<input class="textbox" type="text" id="txtcustomerId" style="width: 100px;"/>&nbsp;&nbsp;
            </div>

            <div>
                <strong>[Login]</strong><br/>
                UserName:<input class="textbox" type="text" id="userName" style="width: 100px;"/>
                Password:<input class="textbox" type="password" id="password" style="width: 100px;"/>
                <input type="button" value="Login" onclick="customer.login();"/>
                <input type="button" value="Logout" onclick="customer.logout();"/>
                <input type="button" value="get customer" onclick="customer.get();"/><br/>
            </div>


        </div>

    </div>
    <div id="tabs-2" style="width: 1400px">
        <div style="float: left; width: 700px;">



        </div>
        <div style="float: right; width: 700px;">
            <div>

            </div>
        </div>

    </div>
    <div style="clear: both;"></div>
</div>

<div style="margin-top: 7px; height:27px;" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
    <b>Requested URL: </b>
    <input type="text" id="requestedUrl" style="width:60%;" domain="<%= request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath()%>">


</div>

<div id="d_param" class="ui-tabs ui-corner-all">
    <div style="float:left;width:300px; margin:0 10px 10px 0;height: 450px;" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
        <strong style="margin-left: 5px;">Requested Method:</strong>

        <lable  id="requestedMethod"></lable><br/><br/>
        <strong style="margin-left: 5px;">HTTP Header:</strong>
        <table id="tb_h_param">
            <tr>
                <td>ClientId:</td>
                <td><input type="text" id="p_clientId"/></td>
            </tr>
            <tr>
                <td>SecretKey:</td>
                <td><input type="text" id="p_secretKey"/></td>
            </tr>
            <tr>
                <td colspan="2"><textarea id="p_data" rows="20" cols="35"></textarea></td>
            </tr>
        </table>
    </div>

    <div style="margin-left:315px; z-index:9999; position:relative;">

        <div id="resultShow"></div>
    </div>
</div>



</body>
<#include "common/footer.ftl"/>

</html>
